﻿{% extends "base.html" %}

{%block extra_js%}
$(document).ready(function() {
	$("#set_list_view").click(function(event){
		Set_Cookie("view_mode","list")
		}
	)
	$(".image_holder_small").hover(
		function(){
			$("#show_image_info").html($(this).children(".image_info").html())
		},
		function(){
			$("#show_image_info").html("")
		}
	)
})

{%endblock%}

{%block sub_nav%}
	当前为图墙视图，<a id='set_list_view' href="">转到列表视图</a>
	&nbsp;|&nbsp;
	{%if paginator%}
		{{paginator.html}}
	{%endif%}
{%endblock%}

{%block foot_nav%}
	当前为图墙视图，<a id='set_list_view' href="">转到列表视图</a>
	&nbsp;|&nbsp;
	{%if paginator%}
		{{paginator.html}}
	{%endif%}
{%endblock%}
        		
{% block content %}
        {% if entries %}
		<div class="yui-gf" style="height:440px;">
          <div class="yui-u first">
    	      <div id="show_image_info"></div>
          </div>
          
			<div class="yui-u">
          {% for entry in entries %}
      	        {%if entry.image%}
      	        <div class="image_holder_small">
      	        <a href="/entry/{{ entry.key.id }}" target="_blank" ><img class="image" src="/image/{{ entry.image.key.id }}?w=130&h=130" title="{{entry.image.width}}x{{entry.image.height}} by {% firstof entry.author.nickname "匿名人士"%} at {{ entry.date|timezone:8|date:"Y-m-d H:i:s" }} {{ entry.comment|escape }}"/></a>
				<div class="image_info" style="display:none;">
					<a href="{{ entry.image.url }}" title="点击放大" >
                          <img class="image"  style="max-width:230px;max-height:280px;" asrc="/{{ entry.image.key }}?w=150&h=200" src="{{entry.image.url}}"/>
                        </a>
       	        	{%if entry.comment%}
                                <div class="comment">{{ entry.comment|escape|truncate:40 }}</div>
                    {%endif%}
							{{entry.image.width}}x{{entry.image.height}}
		              	        	id: {{entry.key.id}} &nbsp;|&nbsp;
						        by {% firstof entry.author.nickname "匿名人士"%} at
		                          {{ entry.date|timezone:8|date:"Y-m-d H:i:s" }}
								<br/>图片地址： {{ entry.image.url|truncate:30}}
		                           {%if entry.image_purl%}
		      	        		<br/>原页面： {{entry.image_purl|truncate:30}}
      	        	{%endif%}

                </div>
                </div>
                {%endif%}
          {% endfor %}
          </div>
          

         
         </div>
          {%endif%}

{% endblock %}
